.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #1c91dd;

    .list{
        font-size: 1.5em;
        color: #1c91dd;
        padding: .8em;
        &::after{
            content: "";
            position: absolute;
            right: 0;
            top:0;
            display: inline-block;
            width: 1.5px;
            height: 100%;
            background-image: linear-gradient(to bottom,rgba(182,182,182,0),rgba(182,182,182,1),rgba(182,182,182,0));
        }
    }

    .search{
        font-size: 1.5em;
        color: #1c91dd;
        padding: .8em;
        &:after{
            content: "";
            position: absolute;
            left: 0;
            top:0;
            display: inline-block;
            width: 1.5px;
            height: 100%;
            background-image: linear-gradient(to bottom,rgba(182,182,182,0),rgba(182,182,182,1),rgba(182,182,182,0));
        }
    }
    

    .logo{
        transform: scale(0.6);
    }
}

.footer{
    position: sticky;
    bottom: 0;
    left: 0;
    background-color:#f5f5f5;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 9999;
    .item{
      width: 25%;
      height: 100%;
      text-align: center;
      padding: 0.7em 0;
      color:#666666;
      span{
        display: block;
        font-size:1.2em;
        text-align: center;
      }
    }
    .item span:first-child{
      margin-bottom: 0.2em;
    }
  
    .item:hover{
      background-color: #1c91dd;
      color:#ffff;
    }
  }